<html>
    <head>
        <title>全局注册</title>
    </head>
    <body>
        <script>
             // 二、全局注册
                            /*
                                  到目前为止，我们只通过Vue.component来创建组件：
                            */                
                            Vue.component('my-component-name',{
                                    // ... 选项.....
                            })

                             /*
                                  这些组件都是"全局注册的"。
                                  也就是说，它们在注册之后可以用在"任何新创建的Vue根实例（new Vue）"的模板中。
                             */
                                  
                                 // eg:
                                      Vue.component('component-a',{/*......*/})
                                      Vue.component('component-c',{/*......*/})
                                      Vue.component('component-b',{/*......*/})

                                      new Vue({
                                        el:'#app'
                                      });

                                      /*
                                        <div id="app">
                                          <component-a></component-a>
                                          <component-b></component-b>
                                          <component-c></component-c>
                                        </div>
                                      */

                              /*
                                  在所有子组件中也是如此，也就是说这三个组件在各自内部也都可以相互使用。
                              */
        </script>
    </body>
</html>